html, body{
    font-size: 62.5%;
    font-family: '微软雅黑', sans-serif;
    margin: 0;
    background: #fff;
    display: flex; flex-flow: column;
    min-height: 100vh;
    padding:0;
}

.main{flex:1}
p,ul li,ol li{
    margin:0;
    font-size:1.4rem;
}
h1,h2,h3,h4,h5,h6{
    font-family: '微软雅黑', serif;
    margin:0;
}
a{text-decoration: none;}
ul,label{
    margin:0;
    padding:0;
    list-style: none;
}
body a:hover{
    text-decoration:none;
}
.clearfix{clear:both}
.wrapper{
    min-width: 32rem; max-width: 64rem; margin: 0 auto; height: 100%; background: #fff;

}

/*头部*/
header{width:39rem; height: 9rem; margin: 0 auto; position: relative}

header .logo{float:left; width:10.5rem; height: 7.2rem; margin-top: 1rem; margin-left: .3rem;}
header .logo img{width: 10.5rem; height: 7.2rem;}

/*轮播图*/
.focus{ width: 39rem; margin:0 auto; position:relative; overflow:hidden; ;z-index: 0;height: 20.6rem;}
.focus .hd{ width:100%; height:1rem;  position:absolute; z-index:1; bottom:.8rem; text-align:center;  }
.focus .hd ul{ display:inline-block; height:1rem;
    -webkit-border-radius:.5rem; -moz-border-radius:.5rem; border-radius:.5rem;  vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:2.4rem; height:.4rem; -webkit-border-radius:.2rem;
    -moz-border-radius:.2rem;
    border-radius:.2rem; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden;  font-size: 0  }
.focus .hd ul .on{ background:#de1100;  }

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{width:39rem;background:url(../images/loader.gif) center center no-repeat; height:20.6rem; }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }
/*轮播图*/


/*公司介绍*/
.index_four_btn{width:39rem; margin:0 auto; }
.index_four_btn ul{width:37rem; margin: 1.7rem auto 0; padding: 0 2.5rem;}
.index_four_btn ul li{float:left; width: 17rem; height: 14rem;}
.index_four_btn ul li img{margin: 0 auto; width: 17rem; height: 14rem;}

.nav_bg_1,
.nav_bg_2,
.nav_bg_3,
.nav_bg_4{width:39rem; height: 4.5rem; margin: 1.9rem auto 0;  position: relative}

.nav_bg_1{background: url(../images/nav_banners_1.png) no-repeat;}
.nav_bg_2,.nav_bg_4{background: url(../images/nav_banners_2.png) no-repeat;}
.nav_bg_3{background: url(../images/nav_banners_3.png) no-repeat; }
.nav_bg_4{margin-top: 0}

.bg1{background: #eee; height: 22rem; width: 39rem;}
.bg2{background: #eee; height: 28rem; width: 39rem;}

.nav_bg_1 span.p1,
.nav_bg_2 span.p1,
.nav_bg_3 span.p1,
.nav_bg_4 span.p1{font-size: 1.8rem; color:white; display: inline-block; margin-left: 1.4rem}

.nav_bg_1 span.p2,
.nav_bg_2 span.p2,
.nav_bg_3 span.p2,
.nav_bg_4 span.p2{font-size: 1.3rem; color: white; display: inline-block; margin-left: .2rem; margin-top: .8rem}

.nav_bg_1 a.more,
.nav_bg_2 a.more,
.nav_bg_3 a.more,
.nav_bg_4 a.more{font-size: 1.2rem; color: white; text-align: center; float: right; padding: 2rem 1rem 0 0; }

h2.h2{margin:0 auto; text-align: center; font-weight: normal; font-size: 1.8rem; color:#000;padding-top: 1.8rem;
       margin-bottom: 1.8rem;}
.company_introduce{width:39rem; margin:0 auto;}
.company_introduce .cleft{width:18rem; height:12.8rem; float:left; background: #292929; position: relative; margin-top:1rem;margin-left: 1rem }
.company_introduce .cleft img.pic{position: absolute; top:-1rem;}
.company_introduce .cright{float:right; width:19rem; height: 13.8rem;}
.company_introduce .cright p.p1{color:#666; font-size: 1.2rem;}
.company_introduce .cright a.a2{display: inline-block; text-align: right; color:#de1100; font-size: 1.2rem;
                           float:right;  }

/*首页招聘，新闻*/
.headline{width: 38rem; height:9.2rem;; margin: 1.8rem auto 0; border-bottom: .1rem dashed #aaaaaa}
.mt0p18{margin-top: 0; padding-top: 1.8rem;}

.headline .thumb{float:left;width: 12rem; height: 8rem; margin-right: .5rem; margin-left: .5rem}
.headline .title{float:left; width: 24.5rem; height: 2rem; }
.headline .title a{color:#de1100; font-size: 1.6rem; text-decoration: underline}
.headline .description{float:left; width: 25rem; margin-top: .8rem}
.headline .description a{color:#a0a0a0; font-size: 1.2rem; text-align: left}

/*列表*/
ul.lists{
    width:38rem; margin: .5rem auto 0; padding: 0;
}

ul.lists li{float:left; width: 38rem; height: 3.5rem; border-bottom: .1rem dashed #aaa;line-height: 3.2rem;}
ul.lists li a{font-size: 1.6rem; color: #000; text-decoration: none;}

/*案例*/
ul.case{
    width:38rem; margin: 1.8rem auto 0;
}

ul.case li{float:left; width: 18.5rem; height: 16.9rem; margin-right: 1.0rem;}
/*ul.case li:first-child{margin-left: .5rem;}*/
/*ul.case li:nth-child(3n){margin-left:.5rem;}*/
ul.case li img.piccase{width: 18.5rem; height: 12.9rem; margin: 0 auto;}
ul.case li:nth-child(2n){margin-right: 0;}
ul.case li a.title{text-align: center; font-size: 1.3rem; color:#000; line-height: 2.6rem; font-weight: 600}
ul.case li a:hover{color:#de1100;}

/*版权*/
.copyright{width: 39rem; margin: 0 auto; height: 10.5rem}
.copyright h3.cp{margin: 0 auto; text-align: center; font-size: 1.4rem; color: #666;font-weight: normal}

/*底部工具栏*/
.foot_tool{width:39rem; margin: 1rem auto 0; height: 7.5rem; -moz-box-shadow: 0px -2px 1px  #aaa;; /* 老的 Firefox */
    box-shadow:  0px -2px 2px  #aaa; padding: 0; position: fixed; bottom: 0;
    background: white}
ul.menu{
    width:39rem; margin: 0 auto;
}
ul.menu li{float:left;width: 5.2rem; height: 2rem; margin-right: 5rem; margin-top: 1.5rem}
ul.menu li:first-child{margin-left: 1rem}
ul.menu li:last-child{margin-right: 0}
ul.menu li img.imgmenu{width: 3.7rem; height: 3.7rem; margin: 0 auto; margin-left: .8rem}
ul.menu li a.menuname{font-size: 1.3rem; color: black; text-align: left;display: inline-block; }


/*内页样式*/
.innerheader{
    width:39rem; height: 6rem; margin: 0 auto; background: #de1100;
}
.innerheader .leftbtn{float:left; width: 2.2rem; height: 4rem;margin-left: 1.5rem; margin-top: 1rem}
.innerheader .text{float:left; width: 30.3rem;  height: 4rem;text-align: center;
              font-size: 2.8rem; color: white;margin-top: 1rem}
.innerheader .rightbtn{float: left; width: 5rem;}

.inner_card{width:38rem; margin: 0 auto; height: 12rem; }
.inner_card .cleft{float:left; width: 13.1rem; height: 10.8rem; margin-right: 0.9rem; margin-top: 2rem;}
.inner_card .cleft img.imglogo{width: 13.1rem; height: 10.8rem;}
.inner_card .cright {float:left; width: 24rem; height:14rem;}
.inner_card .cright h3.h3{text-align: center; margin: 0 auto; font-weight:600; color:#de1100;font-size: 1.7rem;
                           margin-top: 3rem;}

.inner_card .cright p.p4{font-size: 1.3rem; text-indent: 2.6rem; color: #666;margin-top: 1.5rem; text-align: left;}
.inner_card .cright-2{width:38rem; height:4.5rem; float: left;}
.inner_card .cright-2 .hotline{ float: left; margin-left: 14rem; width: 14rem; height: 3.5rem;}
.inner_card .cright-2 .hotline  h3.d1{font-weight: normal; text-align: left; color: black; font-size: 1.6rem}
.inner_card .cright-2 .hotline  h3.d2{font-weight: normal;text-align: left; color: #de1100; font-size: 1.6rem;}
.inner_card .cright-2 .qrwap{float:right; width:4.3rem; height: 4.3rem;}

/*内页灰色导航*/
.inner_banner{width:39rem; height: 5rem; background:#cccccc; border: .1rem solid #aaaaaa; margin-top: 2.5rem;}
.inner_banner p.p5{ font-size: 2rem; color:#000; line-height: 5rem; width:28rem; float: left;
                    text-align: left; margin-left: 2.0rem;}
.inner_banner p.p5 em{font-size: 1.6rem; color: #666; font-style: normal}
.inner_banner p.p6{font-size: 1.3rem; color: #666; width: 8rem;float:right;
                  text-align: right; margin: 0 .3rem 0 0; padding: 0; line-height: 5.2rem}
.inner_banner p.p6 a{color: #333;}
.inner_banner p.p6 a i{font-style: normal; font-size: 1.5rem; font-weight: bold}


/*内页案例列表*/
ul.inner_list{width: 38rem; margin: 2.2rem auto 0; }
ul.inner_list li{float:left; width:18rem; height:17rem; margin-right: 1.3rem;}
ul.inner_list li:nth-child(2n){margin-right: 0;}
ul.inner_list li img.listpic{width:18rem; height: 12.9rem;}
ul.inner_list li h3.acenter{font-weight: bold; color: black; margin: 0 auto; font-size: 1.3rem;text-align: center}
ul.inner_list li h3.acenter a{color:#000;}

/*内页新闻中心*/
ul.inner_news_list{width: 38rem; margin: 2.2rem auto 0; }
ul.inner_news_list li{float:left; width:37rem;
    padding:0 .5rem;height:7.5rem;border-bottom: 1px dashed #aaaaaa;margin-bottom: 1.8rem}
ul.inner_news_list li .ntitle{float:left; width:37rem; height: 2.5rem;}
ul.inner_news_list li .ntitle a{color:#000; font-size: 1.6rem; text-align: left}
ul.inner_news_list li .ntitle a:hover{  color: #de1100;}
ul.inner_news_list li .ndescription {float: left; width: 37rem; height: 3.5rem;}
ul.inner_news_list li .ndescription a{color:#666666; font-size: 1.5rem;}

/**详细页*/
.showcontent{width: 38rem; margin: 1.9rem auto 0; }
h5.h5btn{ margin: 1.9rem auto 0;  text-align: center; font-weight: normal}
h5.h5btn a{text-align: center; color: white; display: inline-block; background: #de1100; border-radius: .4rem;
           font-size: 1.6rem;padding: .3rem 1.5rem}

/*联系我们*/
.contact{width: 39rem; margin: 1.9rem auto 0;}
.contact p{text-align: left; color: black; font-size: 1.6rem; line-height: 3.3rem; padding: 0 .8rem}


/*在线招聘*/
.online_job{width:37rem; margin: 0 auto; height: 7.5rem; border-bottom: .1rem dashed #aaa}
.online_job h4{text-align: left; font-size: 1.7rem; color: black; text-indent: 2rem; font-weight:normal; margin-top: 1rem;
}
.online_job h4 em{color:#de1100;font-style: normal}

form{display: block; width:37rem; margin: 2rem auto 0; padding: 0; height: 40rem}
form .formtext{width:33rem; margin: 0 auto 2rem; height: 4rem; }
form .formtext label{color:#666; font-size: 1.6rem; display: inline-block; margin-right: .5rem; width: 6.5rem;
                     text-align: right;}
form .formtext input[type=text]{width:23rem;height: 3.5rem; background-color:#f8f8f8;
                      border: .1rem solid #aaa;     webkit-box-shadow:inset 0 0 .2rem #ccc;
    -moz-box-shadow:inset 0 0 .2rem #ccc;
    box-shadow:inset 0 0 .2rem #ccc; font-size: 1.3rem}
select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid .1rem #aaa;
    width:23rem;
    height: 3.5rem;
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    webkit-box-shadow:inset 0 0 .2rem #ccc;
    -moz-box-shadow:inset 0 0 .2rem #ccc;
    box-shadow:inset 0 0 .2rem #ccc;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../images/arrow.png") no-repeat scroll right center transparent;
    background-color:#f8f8f8 ;
    font-size: 1.3rem;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right:.4rem;
}

form .formtext input[type=submit]{width:15rem; height: 3.8rem; background: #de1100; border: none; outline: none;
                     color: white; border-radius:4px;-moz-box-shadow: .2rem .2rem .5rem #000; /* 老的 Firefox */
    box-shadow:inset -.1rem -.1rem .3rem #000 ;  margin-top: 5rem}

textarea{
    font-size: 1.3rem;
    width: 23rem; height: 9rem ; resize: none;    webkit-box-shadow:inset 0 0 .2rem #ccc;
    -moz-box-shadow:inset 0 0 .2rem #ccc;
    box-shadow:inset 0 0 .2rem #ccc;    border: solid .1rem #aaa; background: #f8f8f8;
}

/*最新招聘*/
.latestjob{width:37rem; margin: 1rem auto 0; height: 28rem; }
.latestjob h5{text-align: left; font-size: 2.0rem; color: black; font-weight: normal; position: relative}
.latestjob h5:before{content: ''; position: absolute; height: .1rem; width: 37rem; background: #aaa;
                     top:4.3rem; left: 0;}
.latestjob h5:after{content:''; position: absolute; height: .1rem; width: 9rem; background: #de1100;
                     top:4.3rem; left: 0;}

ul.latestinfo{width: 37rem; margin: 2rem auto 0; }
ul.latestinfo li{float:left; height:4rem;width:37rem; border-bottom: .1rem dashed #aaa; line-height: 4rem}
ul.latestinfo li:hover{background: #fef8f0}
ul.latestinfo li a.ltitle{color:#000; text-align: left;float:left; width:28rem; margin-right: .5rem;
    display: inline-block;font-size: 1.3rem}
ul.latestinfo li span.date{float:left; text-align: left; width: 8rem;display: inline-block;font-size: 1.2rem;
                           color: #ccc;}



 /*分页样式*/
.pages{width: 39rem; height: 3rem; margin: 2rem auto 1.5rem}
.pages h5.pagi{margin: 0 auto; text-align: center;}
.pages h5.pagi a.a1{display: inline-block; padding: .8rem 1.5rem; border: .1rem solid #de1100; color:#666; font-size: 1.4rem}
.pages h5.pagi span{display: inline-block; padding: .8rem 1.5rem; border: .1rem solid #aaa ;background: #de1100; color:#000; font-size: 1.4rem}



    /*弹窗样式*/
.modal_1{   width: 39rem; display: none;

          position: absolute;
          -moz-border-radius: .5rem;
          -webkit-border-radius: .5rem;
           border-radius: .5rem; /* future proofing */
           -khtml-border-radius: .5rem; /* for old Konqueror browsers */ 	}
.modal_1>a{
    color:#000;  font-size:1.8rem;  font-weight:bold; text-align: right;
    position: relative; top:-2rem; right: .3rem;display: inline-block; float: right;}


.overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index:-1000;
    background:#ccc;
    display:none;
}
.songs {
    width:98%;
    margin: 0 auto;
    /*margin-left:3%;*/
    background:rgba(255,0,0,0.7);
}
.songs h3{margin: 0 auto; text-align: center; font-weight: normal; color: white; font-size: 1.8rem; line-height: 3.6rem}
.songs ul{
    margin:0;
    padding:0
}
.songs ul li{
    list-style:none;
    color:#000;
    line-height:2.1rem;
    border-bottom: .1rem solid white;
    height:3rem;
}
.songs ul li a{ color: white; padding-left: 2.2rem; font-size: 1.3rem}

